<!--
    THIS EXAMPLE WAS DOWNLOADED FROM https://echarts.apache.org/examples/zh/editor.html?c=candlestick-sh
-->
<!DOCTYPE html>
<html style="height: 100%">
  <head>
    <meta charset="utf-8" />

    <!-- 引入样式 -->
    <link
      rel="stylesheet"
      href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"
    />

    <!-- 引入样式文件 -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/vant@2.12/lib/index.css"
    />
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>

    <link rel="stylesheet/less" type="text/css" href="./index.less" />
    <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js"></script>
  </head>
  <body style="height: 100%; margin: 0">
    <section style="display: none" class="text-dialog">
      <div class="box">
        <h1>简述：</h1>
        <h2>基金</h2>
        <h5>判断因子条件:</h5>
        <h5>
          大盘评分等级:
          大盘的判断因子：大盘涨幅评分，大盘买入量，大盘K线图的，大盘kdJ和macd
          的走势，大盘是不是强势，大盘上涨的组成部分是不是包含权重股和蓝筹股和银行股
        </h5>
        <h5>版块的判断因子：和大盘的重合，额外：</h5>

        <p>根据判断评分调整持仓比例 20% - 40% - 60% -80% -100%</p>
        <p>判断依据就是市场环境</p>
      </div>
    </section>
    <div id="app">
      <section class="date_box">
        <!-- <el-calendar v-model="date_value"> </el-calendar> -->
      </section>
      <section>
        <div class="box">
          <van-rate
            v-model="rate1"
            :size="25"
            allow-half
            color="#ffd21e"
            void-icon="star"
            void-color="#eee"
          />
        </div>
      </section>
      <div class="block">
        <el-form ref="form" :model="form" label-width="80px">
          <el-form-item label="股票名字">
            <el-col :span="6">
              <el-input v-model="form.name"></el-input>
            </el-col>
            <el-col :span="6"
              ><el-button type="primary" @click="onSubmit"
                >确认</el-button
              ></el-col
            >
            <el-col :span="6">
              <el-date-picker
                v-model="form.date1"
                type="daterange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </el-col>
          </el-form-item>
        </el-form>
      </div>
    </div>
    <div id="container" style="height: 100%"></div>

    <script
      type="text/javascript"
      src="https://cdn.jsdelivr.net/npm/echarts@5.2.2/dist/echarts.min.js"
    ></script>
    <script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <!-- 引入 Vue 和 Vant 的 JS 文件 -->

    <script src="https://cdn.jsdelivr.net/npm/vant@2.12/lib/vant.min.js"></script>
    <script src="./index.js"></script>
    <script src="./init.js"></script>
    <!-- Uncomment this line if you want to dataTool extension
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.2.2/dist/extension/dataTool.min.js"></script>
        -->
    <!-- Uncomment this line if you want to use gl extension
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl@2/dist/echarts-gl.min.js"></script>
        -->
    <!-- Uncomment this line if you want to echarts-stat extension
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat@latest/dist/ecStat.min.js"></script>
        -->
    <!-- Uncomment this line if you want to use map
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.2.2/map/js/china.js"></script>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.2.2/map/js/world.js"></script>
        -->
    <!-- Uncomment these two lines if you want to use bmap extension
        <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=<Your Key Here>"></script>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@{{version}}/dist/extension/bmap.min.js"></script>
        -->
    <!-- https://www.doctorxiong.club/api/#api-Stock-getKLineOfDay
        数据文档地址 -->
    <script></script>
    <style></style>
  </body>
</html>
